import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
//mock插件提供方法
import { viteMockServe } from 'vite-plugin-mock'
//引入svg需要用到插件
// import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
// https://vite.dev/config/
// export default defineConfig({
//   plugins: [
//     vue(),
//     vueDevTools(),
//   ],
//   resolve: {
//     alias: {
//       '@': fileURLToPath(new URL('./src', import.meta.url))
//     },
//   },

// })

export default defineConfig(({ command }) => {
  return {
    plugins: [
        vue(),
        vueDevTools(),
        viteMockServe({
           // localEnabled: command === 'serve',//保证开发阶段可以使用mock接口
           enable: command === 'serve',//保证开发阶段可以使用mock接口
        })
      ],
      resolve: {
        alias: {
          '@': fileURLToPath(new URL('./src', import.meta.url))
        },
      },
      //scss全局变量一个配置
        css: {
        preprocessorOptions: {
          scss: {
           additionalData: `@import "@/styles/variable.scss";`
          }
        }
      }
  
  }
})
